/* 图片公共样式 */
img {
  width: 100%;
}

/* 主体部分公共样式 */
.Morocco-1,
.Morocco-2,
.Morocco-3,
.Morocco-4,
.Morocco-5,
.Morocco-6,
.Morocco-8 {
  display: block;
}

/* 07.webp跳转部分 */
.Morocco-7,
.last-9 {
  /* 父相 */
  position: relative;
}
.Morocco-7 .none,
.last-9 {
  display: flex;
}
/* 设置空盒子用来辅助跳转 */
.Morocco-7 .none a div {
  width: 315px;
  height: 220px;
  background-color: black;
  /* 设置层级 */
  z-index: 999;
  /* 设置光标小手 */
  cursor: pointer;
  /* 透明度0是完全透明 */
  opacity: 0;
}
/* 设置第1个a链接子元素 */
.Morocco-7 .none a:nth-child(1) {
  /* 父级相对定位 */
  position: absolute;
  bottom: 20px;
  left: 431px;
}
.Morocco-7 .none a:nth-child(2) {
  /* 父级相对定位 */
  position: absolute;
  bottom: 20px;
  left: 771px;
}

/* 09.webp最后跳转部分last */
/* 设置空盒子用来辅助跳转 测量工具*/
.last-9 .none-1 a div {
  width: 315px;
  height: 141px;
  background-color: black;
  /* 设置层级 */
  z-index: 999;
  /* 设置光标小手 */
  cursor: pointer;
  /* 设置好位置了就给透明度0是完全透明 */
  opacity: 0;
}
/* 设置第1个a链接子元素 */
.last-9 .none-1 a:nth-child(1) {
  /* 父级相对定位 */
  position: absolute;
  bottom: 86px;
  left: 264px;
}
.last-9 .none-1 a:nth-child(2) {
  /* 父级相对定位 */
  position: absolute;
  bottom: 86px;
  left: 599px;
}
.last-9 .none-1 a:nth-child(3) {
  /* 父级相对定位 */
  position: absolute;
  bottom: 86px;
  left: 939px;
}
